<template>
	<view>
		<view class="">
			<!-- 2.0.19支持autoBack，默认为false -->
			<u-navbar leftText="待支付订单" :autoBack="true">
			</u-navbar>
		</view>
		<view class="con-body wrap">
			<view class="uni-flex-center" style="margin-top: 15rpx;padding: 20rpx;">
				<view class="main-service uni-cell-90">
					<view class="user-list" style="padding-bottom: 40rpx;">
						<view style="font-size: 42rpx; font-weight: 600;margin-left: 20rpx; padding-top: 20rpx;">
							订单详情
						</view>
						<view class="d_title">
							订单号:
						</view>
						<view class="d_content">
							{{order.order_no}}
						</view>
						<view class="d_title">
							应缴金额:
						</view>
						<view class="d_content">
							{{order.amount_real}}
						</view>
						<view class="d_title">
							订单备注:
						</view>
						<view class="d_content">
							{{order.order_remark}}
						</view>
						<view class="d_title">
							订单状态:
						</view>
						<view class="d_content">
							{{order.status_label}}
						</view>
						<view class="d_title">
							发起时间:
						</view>
						<view class="d_content">
							{{order.time}}
						</view>
					</view>
				</view>
			</view>


			<u-button :customStyle="btnStyle" @click="pay">立即支付</u-button>
		</view>
	</view>
</template>

<script>
	import {
		getOrder
	} from "@/service/propertyService.js";
	export default {
		data() {
			return {
				oid: 0,
				order: {},
				btnStyle: {
					width: '96%',
					borderRadius: '40rpx',
					marginTop: '40rpx',
					marginBottom: '40rpx',
					backgroundImage: "url('https://resourse.cnlhjt.com/upload/20220825/53079139ae5b67d1270fc35fefba8d1e.png')",
					backgroundSize: '100% 80rpx',
					color: '#FFFFFF'
				},
			}
		},
		onLoad(options) {
			this.oid = options.oid;
			getOrder({
				id: this.oid
			}).then(this.getOrder);
		},
		methods: {
			getOrder(e) {
				if (e.code == 200) {
					this.order = e.result;
				}
			},
			pay(){
				
			}
		}
	}
</script>

<style>
	.d_title {
		font-size: 32rpx;
		color: #111111;
		margin-top: 10rpx;
		padding: 0 20rpx;
		font-weight: 400;
	}
	.d_content {
		padding: 0rpx 30rpx;
		color: #636363;
		font-size: 26rpx;
		margin-top: 5rpx;
	}
</style>
